<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="stripes" uri="http://stripes.sourceforge.net/stripes.tld" %>
<%@ taglib prefix="csd" prefix="csdtld" uri="/WEB-INF/tags/csd.tld" %>

<stripes:layout-render name="/layout/default.jsp" pageTitle="Your Account" loggedIn="true" protoplasm="true">
    <stripes:layout-component name="html_head">
        <script type="text/javascript">
            function openMessage(e, selector){
            
            }
            
            Protoplasm.use('tabstrip');
            Protoplasm.use('livegrid');
            
            Event.observe(document, 'csd:finished', function(){
                var tabs = new Control.TabStrip($('tabstrip'));
            });
        </script>
    </stripes:layout-component>
    <stripes:layout-component name="contents">
        <div id="tabstrip">
            <ul>
                <li>Inbox</li>
                <li>Sent</li>
            </ul>
            <div>
            	<div>
                <stripes:layout-render name="/layout/livegridlayout.jsp"
					 count="${messageCount}" 
					 prefix="inbox" 
					 variable="inbox" 
					 objects="${messages}" 
					 first="true" 
					 style="${csd:buildArray('width:50px;|width:300px;|width:0px;|width:166px;')}" 
					 colTitles="${csd:buildArray('Title|From||Date')}" 
					 styleclasses="${csd:buildArray('||class=\"hidden\"|')}"
					 field="one" 
					 onrow="openMessage"
					 />
				</div>
				<div>
				<stripes:layout-render name="/layout/livegridlayout.jsp"
					 count="${sentCount}" 
					 prefix="sent" 
					 variable="sent" 
					 objects="${sentMessages}" 
					 first="true"
					 style="${csd:buildArray('width:50px;|width:0px;|width:300px;|width:166px;')}" 
					 colTitles="${csd:buildArray('Title||To|Date')}" 
					 styleclasses="${csd:buildArray('|class=\"hidden\"||')}"
					 field="one" 
					 onrow="openMessage"
					 fireFinish="true"
					 />
				</div>
            </div>
        </div>
    </stripes:layout-component>
</stripes:layout-render>
